body {
    margin: 0;
    /*position:relative;*/

}

.ui-body {
    width: 952px;
    margin: 50px 0 0 15%;
    /*align-content: center;*/
    /*position:absolute;*/
    /*内容剧中*/
}

.el-row {
    margin-bottom: 20px;
    /*&:last-child {*/
    /*     margin-bottom: 0;*/
    /* }*/
    box-shadow: #f7f7f7 8px 8px 25px 25px;

}

.el-col {
    width: 227.88px;
    border-radius: 4px;
    margin: 5px 5px 5px 5px ;
    float: left;
}

.bg-purple-dark {
    background: #99a9bf;
}



/*1 3*/
.bg-purple {
    /*background: #ff0000;*/
    background: rgba(0 0 0 0);
    /*background-color: #126bfa;*/
}

.grid-content img {
    width: 100%;
    height: 200px;
    /*background-color: #b1bad1;*/
}






/*2 4*/
.bg-purple-light {
    /*background: #2c3656;*/
    background: rgba(0 0 0 0);

}

.bg-purple-light img {
    width: 100%;
    height:  200px;
    /*width: 268px;*/
    /*height: 200px;*/
    /*background-color: red;*/
}


.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}


.ui-title {
    font-size: 20px;
    margin: 0 0 5px 0;
}

.ui-location {
    margin: 0 0 5px 0;

}

.ui-price {
    color: red;
}